header {
  width: 100%;
  background-color: #1448ae;
  height: 1.173333rem;
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 0 .466667rem;
  box-sizing: border-box;
}
header a img {
  display: block;
  width: .266667rem;
  height: .466667rem;
}
header .title {
  font-size: .426667rem;
  color: #fff;
  margin-left: .8rem;
}
header .empty {
  font-size: .373333rem;
  color: #fff;
}
header .icon .collection {
  display: inline-block;
  width: .466667rem;
  height: .466667rem;
  background: url("../../../images/zeng/icon/sprites.png") no-repeat;
  background-size: 10rem 12.666667rem;
  background-position: -6.09rem -8.373333rem;
  margin-right: .266667rem;
}
header .icon .down {
  display: inline-block;
}
header .icon .down span {
  display: inline-block;
  height: .133333rem;
  width: .133333rem;
  background-color: #fff;
  border-radius: 50%;
  margin: 0 .066667rem;
}
.contains {
  width: 100%;
  padding: 0 .293333rem;
  box-sizing: border-box;
}
.list li {
  display: block;
  width: 100%;
  margin-top: .4rem;
}
.list li .content {
  width: 100%;
  padding: .426667rem .333333rem;
  box-sizing: border-box;
  background-color: #f4f4f4;
  color: #333;
}
.list li .content .top {
  display: flex;
  justify-content: space-between;
}
.list li .content .top .lt {
  width: 6rem;
  display: flex;
}
.list li .content .top .lt .icon {
  width: .506667rem;
  height: .506667rem;
  border-radius: 50%;
  background: url("../../../images/zeng/icon/order0424.png") no-repeat center;
  background-size: .506667rem .506667rem;
}
.list li .content .top .lt h3 {
  font-size: .453333rem;
  font-weight: bold;
  text-indent: .266667rem;
}
.list li .content .top .lt h3 p {
  font-size: .4rem;
  color: #666666;
  font-weight: normal;
  margin-top: .4rem;
}
.list li .content .top .gt {
  font-size: .4rem;
  color: #f88412;
  font-weight: bold;
}
.list li .content .top .gt p {
  color: #666666;
  margin-top: .4rem;
  font-weight: normal;
}
.list li .content .bottom {
  display: flex;
  justify-content: flex-end;
  margin-top: .8rem;
}
.list li .content .bottom .btn {
  width: 1.933333rem;
  height: .8rem;
  text-align: center;
  line-height: .8rem;
  font-size: .4rem;
  color: #1ab2db;
  border-radius: .106667rem;
  border: 1px solid #bbbbbb;
  margin-right: .2rem;
}
.list li .content .bottom .btn:last-child {
  margin: 0px;
  background-color: #1ab2db ;
  color: #fff;
  border: none;
}
.order {
  width: 100%;
  position: fixed;
  left: 0;
  bottom: 2.533333rem;
  z-index: 10000;
  color: #999;
  font-size: .4rem;
  display: flex;
  flex-direction: column;
  align-items: center;
}
.order a {
  padding: .133333rem .266667rem;
  border: 1px solid #dcdcdc;
  border-radius: .106667rem;
  color: #666;
  margin-top: .333333rem;
}
.order a span {
  display: inline-block;
  width: .2rem;
  height: .266667rem;
  background: url("../../../images/zeng/icon/right.png") no-repeat center;
  background-size: .2rem .26rem;
  margin-left: .133333rem;
}
footer {
  width: 100%;
  height: 1.333333rem;
  background-color: #999999;
  position: fixed;
  bottom: 0;
  left: 0;
  z-index: 10000;
}
footer ul {
  display: flex;
}
footer ul li {
  width: 33.3%;
}
footer ul li a {
  display: block;
  width: 100%;
  height: 1.333333rem;
  text-align: center;
  color: #fff;
  font-size: .4rem;
  display: flex;
  justify-content: center;
  align-items: center;
}
footer ul li a span {
  display: inline-block;
  width: .533333rem;
  height: .6rem;
  background: url("../../../images/zeng/icon/sprites.png") no-repeat;
  background-size: 10rem 12.666667rem;
  background-position: -0.6rem -8.2rem;
  margin-right: .133333rem;
}
footer ul li:nth-child(2) a span {
  height: .65rem;
  background-position: -1.826667rem -8.133333rem;
}
footer ul li:nth-child(3) a span {
  background: none;
  border: .053333rem solid #fff;
  height: .533333rem;
  width: .533333rem;
  margin-right: 0px;
  margin-left: .133333rem;
}
